<template>
	<div id="MianJiTu01"></div>
</template>

<script setup>
import {onMounted} from 'vue'
import {Area} from '@antv/g2plot'

onMounted(() => {
	fetch('https://gw.alipayobjects.com/os/bmw-prod/360c3eae-0c73-46f0-a982-4746a6095010.json')
		.then((res) => res.json())
		.then((data) => {
			const area = new Area('MianJiTu01', {
				data,
				xField: 'timePeriod',
				yField: 'value',
				xAxis: {
					range: [0, 1]
				}
			})
			area.render()
		})
})
</script>

<style scoped></style>
